
.qui-cells {
  background-color: #fff;
  .qui-cell:last-child {
    &::after {
      display: none;
    }
  }
}
.qui-cell{
	color: $defaultTextColor;
	position: relative;
	font-size: 28upx;
	&::after {
	  content: '';
	  position: absolute;
	  z-index: 2;
	  transform-style: preserve-3d;
	  bottom: 0;
	  left: 30upx;
	  right: 0;
	  height: 0;
	  border-top: 1px solid $borderColor;
	  transform: scaleY(0.5);
	}
}
.qui-cells-title{
  padding: 20upx 30upx;
  font-size: 26upx;
  color: $grayColor;
}
.ripple-cell{
  display: block !important;
}
.qui-cell {
  display: flex !important;
  align-items: center;
  box-sizing: border-box;
  padding: 30upx;
  min-height: 100upx;
  font-size: 28upx;

  .title{
    line-height: 1em;
  }
  .desc {
    line-height: 1.4em;
  }
  .cell-label{
    display: block;
    width: 180upx;
    color: $grayColor;
  }
  .cell-input{
    height: 100upx;
    display: flex;
    align-items: center;
    margin-top: -30upx;
    margin-bottom: -30upx;
    input[type="text"],input[type="password"],input[type="tel"],input[type="number"]{
      -webkit-appearance: none;
	  border: 0;
      outline: 0;
      background-color: transparent;
      flex: 1;
      height: 90upx;;
      font-size: 28upx;
    }
  }
}
.cell-hd{
	margin-right: 20upx;
}
.cell-bd{
	flex: 1;
}
.cell-ft{
	color: $grayColor;
	font-size: 24upx;
}
.bor-left_0{
	&::after{
		left: 0;
	}
}
.bor-right_30{
	&::after{
		right: 30upx;
	}
}
.arrow-r {
  position: relative;
  padding-right: 2px;
  &::after {
    content: '';
    display: inline-block;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); // rotate(45deg);
    height: 13upx;
    width: 13upx;
    border-width: 1px 1px 0 0;
    border-color: #6a6a6a;
    border-style: solid;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 2px;
  }
}


.small-padding{
	.qui-cell{
		padding-bottom: 20upx;
		padding-top: 20upx;
	}  
	.cell-input{
		margin-top: -20upx;
		margin-bottom: -20upx;
	}
  }